<!DOCTYPE html>
<html>

<head>
    <title>楼房销售管理系统</title>
    <link rel="stylesheet" type="text/css" href="css/vendor/metro-bootstrap.min.css">
    <script type="text/javascript" src="js/vendor/jquery.min.js"></script>
    <script type="text/javascript" src="js/vendor/jquery.widget.min.js"></script>
    <!-- 交互的内核 -->
    <script type="text/javascript" src="js/vendor/metro/metro.min.js"></script>
    <script type="text/javascript" src="js/vendor/routie.min.js"></script>
    <script type="text/javascript" src="js/tool.js"></script>
    <script type="text/javascript" src="http://localhost:9000/build/HTML-ViewParse.js"></script>
    <script type="text/javascript" src="js/data.js"></script>
    <!-- 应用程序初始化 -->
    <script type="text/javascript" src="js/index.js"></script>
    <!-- 路由管理 -->
    <script type="text/javascript" src="js/router.js"></script>
</head>

<body class="metro">
    <div id="navIndex" class="grid fluid">
        <!-- #水平导航栏 -->
        <!-- <nav class="navigation-bar dark">
            <div class="navigation-bar-content">
                <a class="element brand" href="#">{{appInfo.name}}</a>
                <span class="element-divider"></span>

                <div class="element input-element">
                    <div class="input-control text">
                        <input type="text" placeholder="快速查找">
                        <button class="btn-search"></button>
                    </div>
                </div>

                <a class="element place-right" href="#">
                    <span class="icon-cog"></span>
                </a>
                <span class="element-divider place-right"></span>
                <a data-hint="退出登录" data-hint-position="bottom" class="element place-right" href="#">
                    <span class="icon-locked-2"></span>
                </a>
                <span class="element-divider place-right"></span>
                <button class="element image-button image-left place-right">
                    Gaubee Bangeel
                    <img src="images/me.png">
                </button>
            </div>
        </nav> -->
        <!-- /水平导航栏 -->
        <div class="row">
            <div class="span1"></div>
            <!-- #竖型导航栏 -->
            <div class="span2">
                <nav class="sidebar light">
                    <fix:ul>
                        <fix:li class="title">快速导航</fix:li>
                        {{#each appInfo.nav}} {{#if childs}}
                        <fix:li class="stick bg-black">
                            <a class="dropdown-toggle" attr-href="#!/{{url}}">
                                <i attr-class="icon-{{icon}}"></i>
                                {{title}}
                            </a>
                            <fix:ul class="dropdown-menu" data-role="dropdown">
                                {{#each childs}}
                                <fix:li>
                                    <a attr-href="#!/{{$PARENT.url}}/{{url}}">{{title}}</a>
                                </fix:li>
                                {{/each}}
                            </fix:ul>
                        </fix:li>
                        {{#else}}
                        <fix:li>
                            <a attr-href="#!/{{url}}">
                                <i attr-class="icon-{{icon}}"></i>
                                {{title}}
                            </a>
                        </fix:li>
                        {{/if}} {{/each}}
                    </fix:ul>
                </nav>
            </div>
            <!-- /竖型导航栏 -->
            <!-- 第二级路由入口 -->
            <div class="span9 row">
                {{#teleporter 'manage'}}
            </div>
        </div>
    </div>
</body>

</html>

<!-- 隐藏类型的表单 -->
<script type="text/template" name="form-add-hidden">
        <input type="hidden" bind-form="{{'value'}}" attr-value="{{value}}" name="{{name}}">
</script>

<!-- 单行文本类型的表单 -->
<script type="text/template" name="form-add-text">
    <div class="input-control text" data-role="input-control">
        <input type="text" bind-form="{{'value'}}" attr-value="{{value}}" name="{{name}}" placeholder="{{placeholder}}">
        <button class="btn-clear" tabindex="-1" type="button"></button>
    </div>
</script>

<!-- 单选类型的表单 -->
<script type="text/template" name="form-add-radio">
    {{#each radio}}
    <div class="input-control radio default-style" data-role="input-control">
        <label>
            <input type="radio" attr-name="{{'name'}}" bind-form="{{'$PARENT.value'}}" attr-value="{{$THIS}}">
            <span class="check"></span>
            {{$THIS}}
        </label>
    </div>
    {{/each}}
</script>

<!-- 日期选择类型的表单 -->
<script type="text/template" name="form-add-date">
    <div class="input-control text" data-role="datepicker" data-locale="zhCN">
        <input type="text" bind-form-key="Forms.{{$INDEX}}.value" attr-value="{{value}}" attr-name="{{name}}" placeholder="{{placeholder}}">
        <button class="btn-date"></button>
    </div>
</script>

<!-- 多行文本类型的表单 -->
<script type="text/template" name="form-add-textArea">
    <div class="input-control textarea">
        <textarea bind-form="{{'value'}}" attr-value="{{value}}"  name="{{name}}"  placeholder="{{placeholder}}"></textarea>
    </div>
</script>

<!-- 多框文本类型的表单 -->
<script type="text/template" name="form-add-multi-text">
    {{#each multi_text}}
    <div class="input-control text span2" data-role="input-control">
        <input type="text" bind-form="{{'value'}}" attr-value="{{value}}" attr-name="{{$PARENT.name}}" placeholder="{{placeholder}}">
    </div>
    {{/each}}
</script>

<script type="text/viewmodel" name="form-add-multi-text">
    function initMultiText(viewInstance) {
        console.log("initMultiText:",viewInstance)
    }
</script>

<!-- 文件类型的表单 -->
<script type="text/template" name="form-add-file">
    <div class="input-control file">
        <input type="file" bind-form="{{'value'}}" name="{{name}}" />
        <input type="text" attr-value="{{value}}" readonly="" style="z-index: 1; cursor: default;">
        <button class="btn-file"></button>
    </div>
</script>

<!-- 下拉选择类型的表单 -->
<script type="text/template" name="form-add-select">
    <div class="input-control select">
        <fix:select bind-form="{{'value'}}" attr-value="{{value}}">
            <fix:option value="">请选择</fix:option>
            {{#each select}}
            <fix:option value="{{$THIS}}">{{$THIS}}</fix:option>
            {{/each}}
        </fix:select>
    </div>
</script>

<!-- 下拉选择类型的表单 -->
<script type="text/template" name="form-add-mixselect">
    <div class="input-control select">
        <fix:select bind-form="{{'value'}}" attr-value="{{value}}">
            <fix:option value="">请选择</fix:option>
            {{#each select}}
            <fix:option value="{{value}}">{{value}}-{{key}}</fix:option>
            {{/each}}
        </fix:select>
    </div>
</script>


<!-- 下拉选择类型的表单 -->
<script type="text/template" name="index">
    <legend>
        <h1>
            楼房销售管理系统
        </h1>
    </legend>
    <div class="span4">
        <h2>小组成员：</h2>
        <h3>张   锋（15号）</h3>
        <h3>雷贤明 （18号）</h3>
        <h3>柯肇丰 （36号）</h3>
        <h3>赵镇华 （38号）</h3>
        <!-- <h3>陈天伟 （54号）</h3> -->
    </div>
    <div class="span8">
        <p></p>
        <blockquote >
            <p>楼盘销售系统是取代传统的人工方式管理房产信息的新时代系统，可以降低房产管理上的混乱，以及人力物力的浪费。主要用于对房产信息、客户信息、销售人员信息进行管理，做到了对信息的规范管理，科学统计和快速查询。</p>
            <small>课程设计第四组　　　　<cite title="Source Title">　　2014/1/1</cite></small>
        </blockquote>
    </div>
</script>
